<template>
  <div class="headera">
    <el-header>
      <h1 class="lefttitle">知识库</h1>
      <span class="righttitle">
        <span>管理员</span>&nbsp;&nbsp;&nbsp;&nbsp;
        <el-button type="danger" size="mini" @click="Logout">退出</el-button>
      </span>
    </el-header>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  computed: {},
  methods: {
    async Logout() {
      // const res = await this.$api.Logout()
      // this.$message.success(res.message)
      // window.sessionStorage.clear()
      // this.$router.push('/login')
    },
  },
  mounted() {},
};
</script>
<style lang = 'less' scoped>
.el-header {
  background-color: #164cec;
  display: flex;
  justify-content: space-between;
  padding: 0 10px 0 5px;
  align-items: center;
  color: #fff;
  font-size: 20px;
  height: 45px !important;
  span {
    font-size: 14px;
  }
}
.lefttitle {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  top: 0px !important;
  left: -6px;
}
</style>
